{% extends 'admin/index.html' %}


{% block con-title%}
    <div class="container-fluid am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                <div class="page-header-heading">
                    <span class="am-icon-home page-header-heading-icon">会员修改</span>
            
        </div>
    </div>

{% endblock %}
{% block con-body %}
    <div class="row-content am-cf">
        <div class="row  am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-body am-fr">
                            <form action="{% url 'admin_user_edit' hh.id %}" method='post' id="uploadForm" enctype="multipart/form-data" class="am-form tpl-form-line-form">
                                {% csrf_token %}
                                <div class="am-form-group">
                                    <label  for="user-name" class="am-u-sm-3 am-form-label">用户名</label>
                                    <div class="am-u-sm-9">
                                        <input value="{{ hh.username }}" name='username' required maxlength="50" type="text" class="tpl-form-input" id="user-name" placeholder="请输入您的用户名">
                                    </div>   
                                </div>
                                
                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">邮箱</label>
                                    <div class="am-u-sm-9">
                                        <input value="{{ hh.email }}" name='email' type="email" class="tpl-form-input" id="user-name" placeholder="请输入您的邮箱">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">手机号</label>
                                    <div class="am-u-sm-9">
                                        <input value="{{ hh.phone }}" name='phone' type="number" class="tpl-form-input" id="user-name" placeholder="请输入您的手机号">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">年龄</label>
                                    <div class="am-u-sm-9">
                                        <input value="{{ hh.age }}" name='age' type="number" class="tpl-form-input" id="user-name" placeholder="请输入您的年龄">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-3 am-form-label">
                                        性别
                                    </label>
                                    <div class="am-u-sm-9">
                                        <div class="am-form-group">
                                            <label class="am-radio-inline">
                                                <input {% if hh.sex == '1' %} checked {% endif %} type="radio" value="1" name="sex"> 
                                                男
                                            </label>
                                            <label class="am-radio-inline">
                                                <input {% if hh.sex == '0' %} checked {% endif %}  type="radio" value="0" name="sex"> 
                                                女
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                   <label for="user-weibo" class="am-u-sm-3 am-form-label">
                                    头像 
                                    </label>
                                   <div class="am-u-sm-9 fileinput fileinput-new" data-provides="fileinput" id="exampleInputUpload">
                                       <div class="fileinput-new thumbnail" style="width: 200px;height: auto;max-height:150px;">
                                           
                                       </div>
                                       <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
                                           <img id='picImg' style="width: 100%;height: auto;max-height: 140px;" src="{{ hh.pic }}" alt="" />
                                       </div>
                                       <div>
                                           <span class="btn btn-primary btn-file">
                                               <input type="file" name="pic" id="picID" accept="image/gif,image/jpeg,image/x-png" /></span>
                                       </div>
                                   </div>
                               </div>


                                
                                
                                 
                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <button  class="am-btn am-btn-primary tpl-btn-bg-color-success ">确认修改</button></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="/static/admin/js/bootstrap-fileinput.js"></script>

{% endblock %}